<script setup lang="ts">
// 1. 布尔值
const male = false

// 2. 函数
const getInfo = () => {
  return '感觉运气很好'
}

// 3. 对象， 内部有函数
const dog = {
  name: '柯基',
  color: '黄色',
  bark() {
    return '狗叫~~'
  },
}
</script>

<!-- 2. 结构 -->
<template>
  <!-- {{ 插值表达式 }} -->
  <h2>{{ male ? '男' : '女' }}</h2>
  <!-- 获取函数返回值 -->
  <h2>{{ getInfo() }}</h2>
  <!-- 获取对象中函数返回值 -->
  <h2>{{ dog.bark() }}</h2>
</template>
<!-- 3. 样式 -->
<style scoped></style>
